
$baseBlack:#334;
$baseBlack_mid:lighten($baseBlack,25%);
$baseBlack_big:lighten($baseBlack,35%);
$baseBlack_main:lighten($baseBlack,70%);

$baseWhite:#fcfcff;
$baseWhite_click:darken($baseWhite,5%) ; 

$baseColor:#6666ff;
$baseColor_mid:lighten($baseColor,10%);
$allBackground:#fcfcff;


$baseBoxShoadow:1rpx 1rpx 2rpx $baseBlack_mid,-1rpx -1rpx 1rpx $baseBlack_main;
$baseBorder:2rpx solid $baseBlack_main;
$baseColorBorder:2rpx solid $baseColor_mid;

$baseTransition:0.3s linear;


$baseFontsize:16px;
$mainBigFontsize:calc($baseFontsize *1.5);
$bigFontsize:calc($baseFontsize *1.2);
$midFontsize:calc($baseFontsize *0.9);
$smallFontsize:calc($baseFontsize *0.7);

$iconSize_small:calc($baseFontsize *1);
$iconSize_base:calc($baseFontsize *1.5);
$iconSize_big:calc($baseFontsize *3.5);;

$mainBoxMargin:calc($baseFontsize *0.5);
$BaseBorderRadius:calc($baseFontsize *0.3);

$basePopupWidth:calc(min(50vw,200px));
$bigPopupWidth:calc(min(80vw,350px));

$mainHeaderHeight:calc($baseFontsize *1.75  + var(--status-bar-height));

$themeBgWhite:#fcfcff;
$themeBgBlack:#0f0f22;

